<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3>浏览器的私有前缀是为了兼容老版本的写法，比较新版本的浏览器无需添加</h3>
		<ul>
			<li>-moz- :火狐浏览器firefox的私有前缀</li>
			<li>-ms- :代表ie浏览器的私有前缀/li>
			<li>-webkit- :代表safari、chrome</li>
			<li>-o- :代表Opera私有属性</li>
		</ul>

		<!-- 兼容写法：

		-moz-border-radius:10px;
        -webkit-border-radius:10px;
		-o-border-radius:10px;
		border-radius:10px; -->
		<!-- 先写上私有前缀再写总的 -->
		
		
		<h2>css3新增加的东西</h2>
		<ul>
			<li>新的选择器</li>
			属性选择器  []
			结构伪类选择器 nth-child(n)  nth-of-type(n)
			伪元素选择器 ::brfore  ::after
			
			
			<li>转换transform</li>
			2D translate(x,y);  rotate(45deg); scale(x,y);
			3D translate3D(x,y,z); rotateX();  rotateY(); rotateZ(); 
			<li>动画animation</li>
			重点记住动画简写属性
			<li>浏览器私有前缀</li>
			<li></li>
		</ul>

	</body>
</html>
